<button class="ui green right floated button" (click)="showModal()">
  <span>
    <i class="add circle icon"></i>新建社团</span>
</button>
<nz-modal [nzVisible]="isVisible" [nzTitle]="modalTitle" [nzContent]="modalContent" [nzFooter]="modalFooter" (nzOnCancel)="handleCancel($event)">
  <ng-template #modalTitle>
    创建社团
  </ng-template>
  <ng-template #modalContent>
    <div class="ui form">
      <div class="field">
        <input placeholder="为社团命名">
      </div>
      <div class="ui toggle checkbox">
        <input type="checkbox" name="public">
        <label>
          <div class="header">申请加入</div>
          <div class="meta">
            <span>他人需要提出申请才能加入你的社团</span>
          </div>
        </label>
      </div>
    </div>
  </ng-template>
  <ng-template #modalFooter>
    <button nz-button [nzType]="'default'" [nzSize]="'large'" (click)="handleCancel($event)">
      取 消
    </button>
    <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="handleOk($event)" [nzLoading]="isConfirmLoading">
      完 成
    </button>
  </ng-template>
</nz-modal>